<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title><g:layoutTitle default="Grails"/></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
		<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
		<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
        <link rel="stylesheet" href="${resource(dir: 'css', file: "duyLinh.css")}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">

        <link rel="stylesheet" href="${createLinkTo(dir:'css/main',file:'main.common.css')}" />
        <link rel="stylesheet" href="${createLinkTo(dir:'css/main',file:'main.font.css')}" />
        <link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'js/jquery/jquery-lightbox-0.5/css',file:'jquery.lightbox-0.5.css')}" media="screen" />

        <%--	Libraries includes --%>
        <g:javascript src="jquery/jquery-1.4.2.min.js" />
        <g:javascript src="jquery/jquery-lightbox-0.5/js/jquery.lightbox-0.5.min.js" />

        <g:render template='/includes/includeJS'/>

        <g:layoutHead/>

		<r:layoutResources />
	</head>
	<body style="position:relative; top:-300px; left: -20px;">

    <div>

        <div id="leftMainNavi" class=" nav" style="width: 200px; position: relative; top: 350px;" >

            <div class="marginBottomLarge">
                <div><g:link class="create" controller="sanPham" action="createEditProduct"><g:message code="default.createSanPham" /></g:link></div>
                <div><g:link class="create" controller="congNghe" action="createEditCongNghe"><g:message code="default.createCongNghe" /></g:link></div>
                <div><g:link class="create" controller="vatLieu" action="createEditVatLieu"><g:message code="createProductFlow.taoVatLieu.title" /></g:link></div>
                <div><g:link class="create" controller="nhaCungUng" action="create"><g:message code="button.taoNhaCungUng" /></g:link></div>
            </div>

            <div>
                <div><g:link class="list" controller="donviSanPham" action="list"><g:message code="default.donviSanPham" /></g:link></div>
                <div><g:link class="list" controller="loaiSanPham" action="list"><g:message code="default.loaiSanPham" /></g:link></div>
                <div><g:link class="list" controller="toSanXuat" action="list"><g:message code="default.toSanXuat" /></g:link></div>
            </div>
        </div>


        <div id="mainBody" class="" style="left: 220px; position: relative; top: -200px;">


            %{--
            LOGO + BANNER
            --}%

            <div>
                <img src="${resource(dir: 'images', file: 'DuyLinhBanner.png')}" alt="Grails"/>
                 <a class="home" href="${createLink(uri: '/')}">
                </a>
            </div>


            <div class="nav floatL marginBottomStd" role="navigation">

                <div class="">
                    <ul>
                        <li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
                        <li>
                            <g:link class="list" controller="sanPham" action="list">
                                <g:message code="sanPham.danhsach.label"  />
                            </g:link>
                        </li>
                        <li>
                            <g:link class="list" controller="congNghe" action="list">
                                <g:message code="congNghe.danhsach.label"  />
                            </g:link>
                        </li>
                        <li>
                            <g:link class="list" controller="vatLieu" action="list">
                                <g:message code="vatLieu.danhsach.label"  />
                            </g:link>
                        </li>
                        <li>
                            <g:link class="list" controller="nhaCungUng" action="list">
                                <g:message code="nhaCungUng.danhsach.label"  />
                            </g:link>
                        </li>
                    </ul>
                </div>

                <div class="clear"></div>


            </div>

            <div class="floatR" style="width:240px;height: 26px;background-color: #EFEFEF;padding: 0.5em 0.75em; -webkit-box-shadow: 0 0 3px 1px #AAA;box-shadow: 0 0 3px 1px #AAA; zoom:1;">

                <sec:ifLoggedIn>
                    <div class="floatL ">
                        <g:message code="default.welcome.label"></g:message>
                        <span class="fontBold"><sec:loggedInUserInfo field="username"/></span>,
                    </div>
                    <div id="logoutLink" class="floatL marginLeftSmall">
                        <g:link  controller="logout" action="index">
                            <g:message code="default.logout.label"></g:message>
                        </g:link>
                    </div>
                    <div class="clear"></div>
                </sec:ifLoggedIn>

            </div>

            <div class="clear"></div>

            <g:layoutBody/>
            <div class="footer" role="contentinfo">
                <div class="fontSmall fontItalic">
                    Copyright Private Enterprise Duy Linh 2012
                </div>
            </div>
            <div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
            <g:javascript library="application"/>
            <r:layoutResources />
        </div>

    </div>



	</body>
</html>